<template>
    <div id="studies-results">
        <div >
            <Title :title="title"/>
        </div>
        <TabControl :options="options">
            <StudiesResultsList/>
            <Pagination/>
        </TabControl>

    </div>
</template>
<!--研学成果-->
<script>
    import Title from "../../../../../components/title/Title";
    import Pagination from "../../../../../components/pagination/Pagination";
    import StudiesResultsList from "./list/StudiesResultsList";
    import TabControl from "../../../../../components/tabControl/TabControl";
    export default {
        name: "StudiesResults",
        props:{
            title: {
                type: String,
                default: "研学成果"
            }
        },
        components: {
            Title,
            StudiesResultsList,
            Pagination,
            TabControl,
        },
        data(){
            return{
                options: [
                    {
                        label: "已申报",
                        name: "已申报"
                    },
                    {
                        label: "未申报",
                        name: "未申报"
                    },
                    {
                        label: "被退回",
                        name: "被退回"
                    }
                ]
            }
        }
    }
</script>

<style scoped>
    #studies-results{
        /*width: 1000px;*/
        margin-left: 70px;
        margin-top: 20px;
    }
</style>
